<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>购物车</title>
	<link rel="stylesheet" href="css/style.css">
</head>
<body>
	<div class="box">
		<div class="top">
			<div class="pop">
				<a href=""><img src="img/logo.png" alt=""></a>
				<h2>购物车</h2>
			</div>
		</div>
		<div class="bottom">
			<div class="add">
				<h5>
					全部商品
					<span>5</span>
				</h5>
			</div>
			<div class="list">
				<ul>
					<li class="commodity">商品</li>
					<li class="name">名称</li>
					<li class="Price">单价</li>
					<li class="number">数量</li>
					<li class="Subtotal">小计</li>
					<li class="operation">操作</li>
				</ul>
			</div>
			<div class="list_x">
				<div class="lone">
					<div class="imgs">
						<a class="img" href="">
							<img src="img/a.jpg" alt="">
						</a>
					</div>
					<div class="text">
						<p>越南进口红心火龙果 3个装 大果 单果约450~500g 新鲜水果</p>
						<p>
							颜色：红心大果 3个/ 数量：1
						</p>
					</div>
					<div class="money">
						￥<span>25.80</span>
					</div>
					<div class="num">
						<input id="ipt" type="text" value="2">
						<p>有货</p>
					</div>
					<div class="calculation">
						<span id="span">￥25.80</span>
						<span>1.68kg</span>	
					</div>
					<div class="delete">
						<span id="del">删除</span>
					</div>
				</div>
				<div class="lone">
					<div class="imgs">
						<a class="img" href="">
							<img src="img/b.jpg" alt="">
						</a>
					</div>
					<div class="text">
						<p>越南进口红心火龙果 3个装 大果 单果约450~500g 新鲜水果</p>
						<p>
							颜色：新奇士澳洲脐橙 12粒/ 数量：1
						</p>
					</div>
					<div class="money">
						￥<span>46.90</span>
					</div>
					<div class="num">
						<input  id="ipt" type="text" value="1">
						<p>有货</p>
					</div>
					<div class="calculation">
						<span  id="span">￥46.90</span>
						<span>1.25kg</span>
					</div>
					<div class="delete">
						<span id="del">删除</span>
					</div>
				</div>
				<div class="lone">
					<div class="imgs">
						<a class="img" href="">
							<img src="img/c.jpg" alt="">
						</a>
					</div>
					<div class="text">
						<p>越南进口红心火龙果 3个装 大果 单果约450~500g 新鲜水果</p>
						<p>
							颜色：8斤装尺码：攀西高原水果/ 数量：1
						</p>
					</div>
					<div class="money">
						￥<span>10.90</span>
					</div>
					<div class="num">
						<input  id="ipt" type="text" value="2">
						<p>有货</p>
					</div>
					<div class="calculation">
						<span  id="span">￥10.90</span>
						<span>0.75kg</span>
					</div>
					<div class="delete">
						<span id="del">删除</span>
					</div>
				</div>
				<div class="lone">
					<div class="imgs">
						<a class="img" href="">
							<img src="img/d.jpg" alt="">
						</a>
					</div>
					<div class="text">
						<p>越南进口红心火龙果 3个装 大果 单果约450~500g 新鲜水果</p>
						<p>
							颜色：特大22-25#果 6个装/ 数量：1
						</p>
					</div>
					<div class="money">
						￥<span>39.90</span>
					</div>
					<div class="num">
						<input  id="ipt" type="text" value="1">
						<p>有货</p>
					</div>
					<div class="calculation">
						<span id="span">￥39.90</span>
						<span>1.68kg</span>
					</div>
					<div class="delete">
						<span id="del">删除</span>
					</div>
				</div>
				<div class="lone">
					<div class="imgs">
						<a class="img" href="">
							<img src="img/e.jpg" alt="">
						</a>
					</div>
					<div class="text">
						<p>越南进口红心火龙果 3个装 大果 单果约450~500g 新鲜水果</p>
						<p>
							颜色：椰青 大果 9个装/ 数量：1
						</p>
					</div>
					<div class="money">
						￥<span>34.90</span>
					</div>
					<div class="num">
						<input id="ipt" type="text" value="1">
						<p>有货</p>
					</div>
					<div class="calculation">
						<span id="span">￥34.90</span>
						<span>2.1kg</span>
					</div>
					<div class="delete">
						<span id="del">删除</span>
					</div>
				</div>
			</div>
			<div class="last">
				<p>
					总价：
					￥<span id="allcount">158.40</span>
				</p>
			</div>
		</div>
	</div>

	<script src="js/script.js"></script>
</body>
</html>